<!DOCTYPE html>
<#assign ctx=request.contextPath />
<html>
<head>
<link rel="stylesheet" href="${ctx}/codemirror/codemirror.css">
<script src="${ctx}/codemirror/codemirror.js"></script>
<script src="${ctx}/codemirror/clike.js"></script>

<link rel="stylesheet" href="${ctx}/codemirror/eclipse.css">
<link rel="stylesheet" href="${ctx}/codemirror/seti.css">
<link rel="stylesheet" href="${ctx}/codemirror/dracula.css">

<link rel="stylesheet" href="${ctx}/codemirror/dialog.css">
<script src="${ctx}/codemirror/vim.js"></script>
<script src="${ctx}/codemirror/searchcursor.js"></script>
<script src="${ctx}/codemirror/dialog.js"></script>

<link rel="stylesheet" href="${ctx}/codemirror/foldgutter.css"/>
<script src="${ctx}/codemirror/foldcode.js"></script>
<script src="${ctx}/codemirror/foldgutter.js"></script>
<script src="${ctx}/codemirror/brace-fold.js"></script>
<script src="${ctx}/codemirror//comment-fold.js"></script>

<link rel="stylesheet" href="${ctx}/codemirror/fullscreen.css">
<script src="${ctx}/codemirror/fullscreen.js"></script>

<script src="${ctx}/codemirror/matchbrackets.js"></script>

<link rel="stylesheet" href="${ctx}/codemirror/show-hint.css">
<script src="${ctx}/codemirror/show-hint.js"></script>
<script src="${ctx}/codemirror/anyword-hint.js"></script>
</head>
<body>
<textarea id="code"><#if context??>${context}</#if></textarea>
</body>
<script type="text/javascript">
var editor = CodeMirror.fromTextArea(document.getElementById("code"),{
			            mode:"text/x-java",
						lineNumbers:true,
						theme:"seti",
					    fullScreen:true,
					    matchBrackets:true,
					    readOnly:true,
					    extraKeys:{"Ctrl-Space":"autocomplete"}						
			   });
</script>
</html>